<!DOCTYPE html>
<html>
	<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>排行榜</title>
  	<link rel="stylesheet" href="../css/retrieve/swiper.min.css">
    <link rel="stylesheet" href="../css/bootstrap.css" />
    <script type="text/javascript" src="../js/itnetcao.js"></script>
    <script type="text/javascript" src="../js/jquery-2.2.3.min.js"></script>
    <link href="../js/layui/css/layui.css" rel="stylesheet" />
    
    
		<style type="text/css">
			*{
				margin: 0px;padding: 0px;
			}
			#phb_header{
				width: 100%;
				height: 1.8rem;
				line-height: 1.8rem;
				background-color:rgb(255,201,12);
			}
			#phb_header .glyphicon-menu-left{
				display: inline-block;
				font-size: 0.6rem;
				margin-left: 0.5rem;
				vertical-align: middle;
			}
			#phb_header_span{
				vertical-align: middle;
				margin-left: 3.2rem;
				font-size: 0.48rem;
			}
			#phb_menu{
				width: 100%;
				height: 1.3rem;
				border-bottom:0.01rem solid #ccc ;
				text-align: center;
				line-height: 1.3rem;
			}
			#phb_menu span{
				font-size: 0.48rem;
				color: rgb(255,194,100);
				padding-bottom: 0.32rem;
				border-bottom:0.08rem solid rgb(255,194,100);
			}
			#phb_centent{
				width: 100%;
				height: 14rem;
			}
			iframe{
				width: 100%;
				height: 100%;
			}
		</style>

	</head>
	<body>
		<div id="hh">
			<div id="phb_header">
	      		<a href="homepage.html"><span class="glyphicon glyphicon-menu-left"></span></a>
				<span id="phb_header_span"><b>排行榜</b></span>
			</div>
			<div id="phb_menu">
				<span>日排行</span>
			</div>
			<div class='loadData layui-fluid' style='margin-top:10px;'>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						1
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						茜茜
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						490
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						2
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						卜训
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						489
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						3
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						秋天
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						247
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						4
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						涵雁问凝
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						140
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						5
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						恨桃
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						138
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						6
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						依波cvc
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						101
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						7
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						香巧
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						87
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						8
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						一夜涵易
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						85
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						9
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						紫萱白亦
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						79
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						10
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						 忆之11
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						53
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						11
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						幻巧若云
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						46
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						12
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						风hgj
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						22
					</div>
				</div>
				<div class='layui-row layui-col-space30'>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						13
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						安寒
					</div>
					<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>
						13
					</div>
				</div>
			</div>
		</div>
<script>
/*var url = localStorage.getItem("url") + "/user/controller/UserFindGetListTopAPP.do";
itcao.itGetAjaxTrueBigData(url).done(function(result) {
	var json = jQuery.parseJSON(result);
	if(json.state == true) {
		for(var i=0; i<json.bean.length; i++) {
			var count = (parseInt(json.bean[i].userDiReCount) + 220 - (parseInt(i)) * 10);
			if(count <= 0) {
				count = 0;
			}
			$(".loadData").append(
				"<div class='layui-row layui-col-space30'>" + 
					"<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>" + 
						(parseInt(i) + 1) +
					"</div>" +
					"<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>" + 
						json.bean[i].userName + 
					"</div>" +
					"<div class='layui-col-xs4' style='text-align:center;font-size:0.4rem;'>" + 
						count + 
					"</div>" +
				"</div>"
			);
		}
	}
})*/
</script>
<script>
	(function() {
		var supportsOrientationChange = 'onorientationchange' in window ? 'orientationchange' : 'resize';
		var timeoutId;

		function setRem() {
			var clientWidth = document.documentElement.clientWidth;
			var nowPX = clientWidth / 1024 * 100;
			document.documentElement.style.fontSize = nowPX + 'px';
		}

		setRem();
		window.addEventListener(supportsOrientationChange, function() {
			clearTimeout(timeoutId);
			timeoutId = setTimeout(function() {
				setRem();
			}, 300);
		}, false);
	})();
</script>
	</body>
</html>
